#!/bin/bash

# ============================================================
# UI测试脚本 - 检查前端UI是否正常加载
# ============================================================

echo "============================================================"
echo "UI测试脚本"
echo "============================================================"
echo ""

# 检查前端目录是否存在
if [ ! -d "../frontend" ]; then
    echo "[错误] 前端目录不存在！"
    echo "请确保在 backend 目录下运行此脚本"
    exit 1
fi

echo "[1/3] 检查前端依赖..."
cd ../frontend

if [ ! -d "node_modules" ]; then
    echo "[警告] node_modules 不存在，正在安装依赖..."
    npm install
    if [ $? -ne 0 ]; then
        echo "[错误] 依赖安装失败！"
        exit 1
    fi
else
    echo "[✓] 前端依赖已安装"
fi

echo ""
echo "[2/3] 检查前端构建..."
if [ ! -d "dist" ]; then
    echo "[信息] 正在构建前端..."
    npm run build
    if [ $? -ne 0 ]; then
        echo "[错误] 前端构建失败！"
        exit 1
    fi
else
    echo "[✓] 前端已构建"
fi

echo ""
echo "[3/3] 启动开发服务器进行UI测试..."
echo ""
echo "============================================================"
echo "UI测试说明"
echo "============================================================"
echo ""
echo "前端服务将启动在: http://localhost:8080"
echo ""
echo "请检查以下内容："
echo "  1. 页面是否正常加载"
echo "  2. 南昌旅游特色风格是否应用"
echo "  3. 动画效果是否流畅"
echo "  4. 响应式布局是否正常"
echo "  5. 所有页面是否都能正常访问"
echo ""
echo "按 Ctrl+C 停止服务器"
echo ""
echo "============================================================"
echo ""

npm run serve

